<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
		<link rel="stylesheet" 
		href="../day03/css/bootstrap.min.css">
		<link/>
	</head>
	<body>
		<div class="container">
		<!--表单组件，action提交的连接地址-->
		<form>
			
			<h1>学生信息管理系统</h1>
			<div class="form-group">				
			<label>姓名：</label>
			<input type="text" 
			class="form-control"
			placeholder="请输入姓名..."
			autocomplete="off"
			 name="name" id="name" />
			</div>
			
			<div class="form-group">
			<label>年龄：</label>
			<input type="number"
			 class="form-control"
			 placeholder="请输入年龄..."
			 name="num" id="num" />
			</div>
			
			<div class="form-group">
				<label>性别：</label>
				
				<label class="radio-inline">
					<input class="" type="radio" name="sex" id="sex" value="男" />男
				</label>
				
				<!--单选框，name一致，自动变成一组-->
				<label class="radio-inline">
				    <input class="" type="radio" name="sex" id="sex" value="女"/>女
				</label>
																							
			</div>
			
			<div class="form-group">
				<label>爱好：</label>
				<label class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" value="乒乓球"/>乒乓球
				</label>
				<label class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" value="爬山"/>爬山
				</label>
				<label class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" value="唱歌"/>唱歌
				</label>
			</div>
			
			<div class="form-group">
				<label>学历：</label>
				<!--下拉框，展示中文，传递数字
				1-小学，2-初中，3-高中，4-大专，5-本科-->
				<select name="edu" class="form-control" id="edu">
					<option value="1">小学</option>
					<option value="2">初中</option>
					<option value="3">高中</option>
					<option value="4">大专</option>
					<option value="5">本科</option>
				</select>
			</div>
			
			<div>
				<!--按钮有两种形式
				提交submit，自动执行form.action指定url链接
				-->
				<input class="btn btn-success" type="submit" name="save" value="保存" />
				<button class="btn btn-danger" type="button" name="btnClear">取消</button>
				
			</div>
		</form>
	    </div>
	</body>
</html>
